<template>
  <div class="earth" id="earth"></div>
</template>

<script setup>
import { useEarthStore } from '@/stores/earthStore.js'
import { onMounted } from 'vue'
// 使用 Cesium Store
const earthStore = useEarthStore()
onMounted(() => {
  // 初始化 Cesium Viewer
  earthStore.initializationEarth('earth')
})
</script>

<style lang="scss" scoped>
.earth {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>
